
@font-face{ 
    font-family: 'Agenda-Black';
    src: url('../fonts/Agenda-Black.ttf'); 
}

@font-face{ 
    font-family: 'Agenda-Light';
    src: url('../fonts/Agenda-Light.ttf'); 
}

@font-face{ 
    font-family: 'Tahoma-Bold';
    src: url('../fonts/Tahoma-Bold.ttf'); 
}

@font-face{ 
    font-family: 'Tahoma-Regular';
    src: url('../fonts/Tahoma-Regular.ttf'); 
}

@font-face{ 
    font-family: 'verdana';
    src: url('../fonts/verdana.ttf'); 
}

@font-face{ 
    font-family: 'MyriadPro-Cond';
    src: url('../fonts/MyriadPro-Cond.otf'); 
}

@font-face{ 
    font-family: 'MyriadPro-Bold';
    src: url('../fonts/MyriadPro-Bold.otf'); 
}

@font-face{ 
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/MyriadPro-Regular.otf'); 
}




@font_family_AgendaBlack: 'Agenda-Black', Arial, sans-serif;

@font_family_AgendaLight: 'Agenda-Light', Arial, sans-serif;

@font_family_TahomaBold: 'Tahoma-Bold', Arial, sans-serif;

@font_family_TahomaRegular: 'Tahoma-Regular', Arial, sans-serif;

@font_family_Verdana: 'verdana', Arial, sans-serif;

@font_family_Myriadprocond: 'MyriadPro-Cond', Arial, sans-serif;

@font_family_Myriadprobold: 'MyriadPro-Bold', Arial, sans-serif;

@font_family_Myriadproregular: 'MyriadPro-Regular', Arial, sans-serif;

@font_family: @font_family_AgendaBlack;

// Tamanhos
@tam_input: 250px;

@width_body: 1000px;
@width_bann_pag_top: 275px;
@width_inp: 280px;
@margin_top_pag: 35px;

@height_menu: 66px;


// Cores
@cor: #30ad9d;  

@cor_pt: #231F20;
@cor_cz: #E8E9EA; 
@cor_cz2: #868893; 
@cor_cz3: #A7A9AC; 
@cor_cz4: #C5C5C7; 

@cor_back_vm: #EE2A24; 
@cor_txt_vm: #ED2724; 

@cor_inp_cor: #717274;
@cor_inp_back: #F6F6F6;
@cor_inp_bord: #D9DBDC;

@back_rgb_pt: rgba(0, 0, 0, 0.6);
@back_rgb_vm: rgba(238, 42, 36, 0.6);

html{
    background-color: #FFF;
    font-family: @font_family; 
}
body{
    padding: 0;
    margin: 0;
    font-size: 14px;//12px;
    min-width: @width_body;   
    color: @cor_pt; 
}
a{ text-decoration: none; color: @cor_pt; }
strong{ font-weight: bold; }

input,select,textarea{
    font-family: @font_family_Verdana;
    background-color: @cor_inp_back;
    color: @cor_inp_cor;
    border: 1px solid @cor_inp_bord;
    width: @width_inp;
    padding: 10px 20px;
    margin-bottom: 10px;
    font-size: 12px;
}
textarea{
    height: 110px;
    resize: none;
}
button{
    background-color: @cor_inp_back;
    color: @cor_inp_cor;
    border: 1px solid @cor_inp_bord;
    padding: 5px 15px;
    margin-bottom: 10px;
    float: right;
    font-size: 14px;
    cursor: pointer;
}


#st-content{
    overflow: hidden;
}

#st-topo{
    width: 100%;
    
    #st-tp-content{
        width: 100%;
    }
      
}

#st-corpo{
    
    .banner{
        position: absolute;
        top: 0;
        z-index: 100;
        width: 100%;
        height: 100%;

        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .imagem{
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .lnkitg{
        position: absolute;
        bottom: 0;
        z-index: 2000;
        height: 30px;
        width: 100%;
        text-align: center;
        margin-bottom: 76px;

        .action{
            background-color: #FFF;
        }

        a{
            height: 10px;
            width: 10px;
            border: 1px solid #FFF;
            display: inline-block;
            margin-right: 5px;
            &:hover{
                .action;
            }
        }

        .imgs{
            margin-top: -57px;
            position: absolute;
            width: 100%;

            img{
                display: none;
                border: 1px solid #FFF;
            }
        }
    }
    
    .bnn_alt{
        position: absolute;
        top: 25%;
        z-index: 200;
        font-family: @font_family_AgendaBlack;
        font-size: 38px;
        text-transform: uppercase;
        padding: 20px 30px;
        color:#FFF;
        background: @back_rgb_vm;
    }
}

#st-rodape{
    
    .content{
        margin: 0 auto;
        width:@width;  
     }
}

.ttError,label.error{
    color: #F00 !important;
    font-weight: bold; 
}

/* correções para o chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) { }
/****    funcoes de estilo   *****/
.border-radius(@radius) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}

.transicao(@delay) {
    -webkit-transition: @delay ease-in-out;
    -moz-transition: @delay ease-in-out;
    -o-transition: @delay ease-in-out;
    transition: @delay ease-in-out;
}

.rotate(@deg) {
    -ms-transform: rotate(@deg); /* IE 9 */
    -webkit-transform: rotate(@deg); /* Chrome, Safari, Opera */
    transform: rotate(@deg);
}



